{% extends "configurarFaseLayout.html" %}
{% block subbodyfase %}
<script language="javascript1.4" type="text/javascript">
	function enviar(){
		var nombre = document.form.nombre.value;
		var codigo = document.form.codigo.value;
		var descripcion = document.form.descripcion.value;
		if(nombre == ""){
			alert("Favor ingresar un nombre.");
			return false;
		}
		if(codigo == ""){
			alert("Favor ingresar un codigo.");
			return false;
		}
		if(descripcion == ""){
			alert("Favor ingresar una descripcion.");
			return false;
		}
		return true;
	}
	function add() {
		var list = "";
		var con=0;
		
		if (document.form.check == null ) {
			list = "";
		} else if(document.form.check.value != null){
			list= list + document.form.check.value + "," ;
		}
		else{
			for (i = 0; i < document.form.check.length; i++) {
					list = list + document.form.check[i].value + ",";
					con=con+1;
			}
		}
		window.location.href = "agregarAtributoTipo?filtro=" + document.form.filtro.value
				+"&list="+list
				+"&idfase="+ document.form.idfase.value
				+"&nombre="+document.form.nombre.value
				+"&codigo="+document.form.codigo.value
				+"&descripcion="+ document.form.descripcion.value;
	}
	function del() {
		var valor;
		var filtro = document.form.filtro.value;

		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		var list = "";
		var con=0;
		
		if (document.form.check == null ) {
			list = "";
		} else if(document.form.check.value != null){
			list= list + document.form.check.value + "," ;
		}
		else{
			for (i = 0; i < document.form.check.length; i++) {
					list = list + document.form.check[i].value + ",";
					con=con+1;
			}
		}

		if (valor != null) {
			window.location.href = "eliminarAtributoTipo?idatributotipo=" + valor
					+ "&filtro=" + filtro 
					+"&idfase="+ document.form.idfase.value
					+"&list="+list 
					+"&codigo="+ document.form.codigo.value
					+"&nombre="+ document.form.nombre.value
					+"&descripcion="+ document.form.descripcion.value;			
		} else {
			alert('Seleccionar un atributo');
		}
	}
</script>
<center><div class=titulorojo>CREAR TIPO ITEM</div>
<br>
<br>
	<form id="form" name="form" action="crearTipoItem" method="post" onSubmit="return enviar();">
		<table>
			<input type="hidden" name="filtro" value="{{ filtro }}">
			<input type="hidden" name="idfase" value="{{ idfase }}">
			<input type="hidden" name="list" value="{{ lista }}">
			<tr>
				<td class=titulochico>Código</td>
				<td><input name="codigo" type="text" maxlength="4" value="{{ codigo }}" style="text-transform:uppercase;"></td>
			</tr>
			<tr>
				<td class=titulochico>Nombre</td>
				<td><input name="nombre" type="text" maxlength="50" value="{{ nombre }}"></td>
			</tr>
			<tr>
				<td class=titulochico>Descripcion</td>
				<td><input name="descripcion" type="text" maxlength="50" value="{{ descripcion }}"></td>
			</tr>
		</table>
		<table>
			<tr>
				<td><button type="button" onclick="add()">
							<img src="{{ url_for('static', filename='add.png') }}">
						</button></td>
				<td><button type="button" onclick="del()">
							<img src="{{ url_for('static', filename='delete.png') }}">
						</button></td>
			</tr>
		</table>
		<table border="1" cellpadding="2" cellspacing="1" width="70%" align="center" bgcolor="#E5E5E5" id="tblDetalle" class="listado">
			<tr>
				<th class=titulochico width='10%'>Campo</th>
				<th class=titulochico width='20%'>Tamaño</th>
				<th class=titulochico width='10%'>Tipo</th>
				<th class=titulochico width='30%'>Descripcion</th>
				<th class=titulochico width='20%'>Marcar</th>
			</tr>
			{% if lista %}
				{% for atributo in lista : %}
					<input type="hidden" name="atri" value="{{ atributo.idatributotipo }}">
					<tr>
					<td align=center>{{ atributo.campo }}</td>
					<td align=center>{{ atributo.tamanho }}</td>
					<td align=center>{{ atributo.tipocampo.nombre }}</td>
					<td align=center>{{ atributo.tipocampo.descripcion }}</td>
					<td align=center><input type="radio" name="check"
						value="{{ atributo.idatributotipo }}"></td>
					</tr>
				{% endfor %}
			{% endif %}
		</table>
		<br>
		<table>
			<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit"><input
					name="cancelar" value="Cancelar" type="button" onClick="location.href='abmTipoItem?filtro={{ filtro }}&idfase={{ idfase }}'"></td>
			</tr>
		</table>
	</form>
</center>
{% endblock %}